<div class="onepcssgrid-100">
<div id="categoria" class="onerow">
<div class="col12">
	<div id="nav">
		<a class="toggleMenu white" href="#"><i class="icon-list icon-large"></i>Menu</a>	
		<ul class="nav">
			<li>
				<a href="#"><i class="icon-restaurantmenu"></i>Cardápio</a>
				<ul>
					<?php foreach ($categorias as $sCategoria) { ?>
						<li>
							<a href="<?='produtos/cardapio/' . $sCategoria['id_categoria']?>"><i class="<?=$sCategoria['icone_categoria']?>"></i><?=$sCategoria['nome_categoria']?></a>
						</li>
					<?php } ?>
				</ul>
				<li>		
					<a href="#"><i class="icon-wallet"></i>Comanda</a>
						<ul>
							<li><a href="pedidos/visualizar"><i class="icon-shopping"></i>Visualizar</a></li>
							<li><a href="comandas/fechar" onclick="return confirmaFechar()"><i class="icon-wallet"></i>Fechar</a></li>
						</ul>
						
						
				</li>
		</ul>		
	</div>
</div class="col12">
	<div class="center" id="welcome">
		<h2>Seja Bem Vindo!</h2>
		<p>O nosso estabelecimento possiu o melhor cardápio já disponibilizado para um cliente.
		Aqui você terá acesso a todos os seus pedidos</p>
	</div>
	
	<div id='mySwipe' style='max-width:500px;margin:0 auto' class='swipe'>
	  <div class='swipe-wrap'>
	    <div>
			<img src="<?=base_url() . IMAGES . 'fachada.jpg';?>" />
	    </div>
	    <div>
			<img src="<?=base_url() . IMAGES . 'buffet.jpg';?>" />
	    </div>
	    <div><img src="<?=base_url() . IMAGES . 'interior.jpg';?>" /></div>
	  </div>
	</div>
	
	<script type="text/javascript">
		window.mySwipe = Swipe(document.getElementById('mySwipe'));

		window.mySwipe = new Swipe(document.getElementById('mySwipe'), {
		 
		});
	</script>
	
	<div class="center" id="bye">
		<img src="<?=base_url() . IMAGES . 'logo.png';?>" />
	</div>
<div>
	
</div>
</div>
</div>